<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" type="image/ico" href="${base }/assets/admin/img/favicon.ico" />
<title>Flitter | Jorange</title>
<link rel="stylesheet" type="text/css" href="${base }/assets/admin/lib/stroke-7/style.css" />
<link rel="stylesheet" type="text/css" href="${base }/assets/admin/lib/jquery.nanoscroller/css/nanoscroller.css" />
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<link rel="stylesheet" type="text/css" href="${base }/assets/admin/lib/theme-switcher/theme-switcher.min.css" />
<%-- <link type="text/css" href="${base }/assets/admin/css/style.css" rel="stylesheet"> --%>
<link type="text/css" href="${base }/assets/admin/css/themes/theme-google.css" rel="stylesheet">
<link type="text/css" href="${base }/assets/admin/css/base.css" rel="stylesheet">
</head>
<body class="am-splash-screen">
	<div class="am-wrapper am-login">
		<div class="am-content">
			<div class="main-content">
				<div class="login-container">
					<div class="panel panel-default">
						<div class="panel-heading">
							<img src="${base }/assets/admin/img/logo-full-retina.png" alt="logo" width="150px" height="39px" class="logo-img">
							<span class="yh">请输入您的用户信息。</span>
						</div>
						<div class="panel-body">
							<form action="${base }/admin/login" method="post" class="form-horizontal">
								<div class="login-form">
									<div class="form-group">
										<div class="input-group">
											<span class="input-group-addon">
											<i class="icon s7-user"></i></span> 
											<input id="username" type="text" name="username" placeholder="Username" autocomplete="off" class="form-control">
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<span class="input-group-addon">
											<i class="icon s7-lock"></i></span> 
											<input id="password" type="password" name="password" placeholder="Password" class="form-control">
										</div>
									</div>
									<div class="form-group login-submit">
										<button data-dismiss="modal" type="submit" class="btn btn-primary btn-lg yh">登录</button>
									</div>
									<div class="form-group footer row">
										<div class="col-xs-6 yh">
											<a href="javascript:void(0);">忘记密码?</a>
										</div>
										<div class="col-xs-6 remember">
											<label for="remember yh">记住我.</label>
											<div class="am-checkbox">
												<input type="checkbox" id="remember"> <label for="remember"></label>
											</div>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="${base }/assets/admin/lib/jquery/jquery.min.js" type="text/javascript"></script>
	<script src="${base }/assets/admin/lib/jquery.nanoscroller/javascripts/jquery.nanoscroller.min.js" type="text/javascript"></script>
	<script src="${base }/assets/admin/js/main.js" type="text/javascript"></script>
	<script src="${base }/assets/admin/lib/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="${base }/assets/admin/lib/theme-switcher/theme-switcher.min.js" type="text/javascript"></script>
	<script src="${base }/assets/admin/lib/theme-switcher/theme-switcher.min.js" type="text/javascript"></script>
	<script src="${base }/assets/admin/lib/ion.sound/js/ion.sound.js"></script>
	<script type="text/javascript">
      $(document).ready(function(){
      	App.init();
      });
      
    </script>
	<script type="text/javascript">
      $(document).ready(function(){
      	App.livePreview();
      });
    </script>
    <script>
    var base = "${base }";
    $(document).ready(function(){

        ion.sound({
            sounds: [
                {name: "beer_can_opening"}
            ],
            path: base + "/assets/lib/ion.sound/sounds/",
            preload: true,
            volume: 1.0
        });

        $("#username").on("click", function(){
            ion.sound.play("beer_can_opening");
        });

        $("#password").on("click", function(){
            ion.sound.play("beer_can_opening");
        });

    });
</script>
</body>

</html>